<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>administer</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body id="app" >
<div onclick="display_table()">
    <div id="title" style="display: none;">文件列表</div>
    <div id="data">
        <input list="datalist">
        <datalist id="datalist">
            <option value="1">one</option>
            <option value="2">two</option>
            <option value="3">three</option>
        </datalist>
    </div>
</div>
<div>

</div>
<div></div>
</body>
<script>
    function display_table(){
        $log($id("data").style.display)
        $log($id("title").style.display)
        display_transform($id("data"))
        display_transform($id("title"))
    }
    function display_transform(element){
        if("none" == element.style.display)
            element.style.display = "";
        else
            element.style.display = "none";
    }
    function $id(id) {
        return window.document.getElementById(id)
    }
    function $log(log) {
        console.log(log)
    }
    function $error(error) {
        console.error(error)
    }
    function $info(info) {
        console.info(info)
    }
    function $debug(debug) {
        console.debug(debug())
    }
</script>
</html>